

.tab-list{
  height: $tab-list-height;
  display: flex;
  background: #fff;
  .tab-list__item{
    flex: 1;
    position: relative;
    font-size: 28px;
    &:after{
      content: "";
      width: 50%;
      height: 6px;
      left: 50%;
      bottom: 0;
      position: absolute;
      transform: translateX(-50%) scaleX(0);
      transition: all .15s;
      background: $theme_color;
    }
  }

  .type-item--active{
    font-size: 32px;
    &:after{
      transform: translateX(-50%) scaleX(1);
    }
  }
}